<i-form :model="this.data" class='app-form' ref='form'  id='hrlegal_main' style="">
    <input style="display:none;" />
    <row >
            
<i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hrlegal.main_form.details.group1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="1" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.legalname.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='legalname' :itemRules="this.rules.legalname" class='' :caption="$t('entities.hrlegal.main_form.details.legalname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.legalname.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.legalname"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.legalname.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.orgcode.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='orgcode' :itemRules="this.rules.orgcode" class='' :caption="$t('entities.hrlegal.main_form.details.orgcode')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.orgcode.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.orgcode"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.orgcode.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.shortname.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='shortname' :itemRules="this.rules.shortname" class='' :caption="$t('entities.hrlegal.main_form.details.shortname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.shortname.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.shortname"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.shortname.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hrlegal.main_form.details.grouppanel1')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="1" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.bank.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='bank' :itemRules="this.rules.bank" class='' :caption="$t('entities.hrlegal.main_form.details.bank')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.bank.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.bank"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.bank.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.bankaccount.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='bankaccount' :itemRules="this.rules.bankaccount" class='' :caption="$t('entities.hrlegal.main_form.details.bankaccount')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.bankaccount.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.bankaccount"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.bankaccount.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.uscc.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 6, offset: 0 }" :xl="{ span: 6, offset: 0 }">
    <app-form-item name='uscc' :itemRules="this.rules.uscc" class='' :caption="$t('entities.hrlegal.main_form.details.uscc')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.uscc.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.uscc"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.uscc.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.grouppanel2.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.grouppanel2" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.grouppanel2.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.hrlegal.main_form.details.grouppanel2')" :isShowCaption="true" uiStyle="DEFAULT" :titleBarCloseMode="1" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.grouppanel2" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.memo.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='memo' :itemRules="this.rules.memo" class='' :caption="$t('entities.hrlegal.main_form.details.memo')" uiStyle="DEFAULT" :labelWidth="0" :isShowCaption="false" :error="detailsModel.memo.error" :isEmptyCaption="false" labelPos="NONE">
    <input-box v-model="data.memo" :textareaId="this.$util.createUUID()"  :disabled="detailsModel.memo.disabled" type='textarea' textareaStyle="height:200px;" ></input-box>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>